<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
    <script src="./js/axios.js"></script>
</head>
<body>
    <header class="header">
        <div class="container">
            <nav class="nav">
                <div class="title">
                    <a href="./index.html">我的个人博客|技术博客</a>
                </div>
                <ul>
                    <li>
                        <a href="./index.html">首页</a>
                    </li>
                    <li>
                        <a href="./sitemap.html">地图</a>
                    </li>
                    <li>
                        <a href="./about.html">关于</a>
                    </li>
                    <li>
                        <a href="./guestBook.html">留言</a>
                    </li>
                </ul>
            </nav>
            <div class="search">
                <input type="text" placeholder="请输入关键词查找">
                <button>搜索</button>
            </div>
        </div>
    </header>
    <div class="content">
        <div class="content-left">
            <div class="every_day" id="every_day">
                <a href="/">每日一句<svg t="1601781391637" class="icon" viewBox="0 0 1821 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4281" width="30" height="30"><path d="M859.333333 302.666667l-218.8 100H573.333333c-41.466667 0-38.533333 29.333333-38.533333 61.6v57.866666c0 32-3.333333 58 38.533333 58h45.066667c0.933333 23.733333 6.133333 54.933333 24.4 79.333334 15.6 20.933333 37.733333 33.466667 65.733333 37.2 0.8 0.133333 1.6 0.133333 2.4 0.133333 9.066667 0 16.8-6.666667 18-15.866667 1.333333-10-5.733333-19.2-15.733333-20.4-18.133333-2.4-31.6-9.866667-41.333333-22.666666-10.933333-14.666667-15.333333-33.866667-16.8-50.666667l204 96.666667c21.066667 7.066667 37.466667-0.533333 37.466666-16.666667v-348c0.266667-16.133333-16.533333-23.466667-37.2-16.533333zM999.866667 421.066667c-7.466667-15.2-15.2-25.866667-20.8-31.733334-6.666667-7.2-18-7.6-25.066667-0.8-7.2 6.666667-7.466667 18-0.8 25.066667 3.333333 3.6 8.933333 11.466667 14.8 23.333333 10 20.266667 16 44 16 71.2s-6 50.933333-16 71.2c-5.866667 11.866667-11.466667 19.733333-14.8 23.333334-6.666667 7.2-6.266667 18.4 0.8 25.066666 7.2 6.666667 18.4 6.266667 25.066667-0.8 5.6-6 13.2-16.666667 20.666666-31.866666 12.266667-24.933333 19.6-54 19.6-86.8 0.133333-33.2-7.2-62.266667-19.466666-87.2z" p-id="4282"></path><path d="M1074.533333 367.333333c-14.4-24.266667-28.8-41.2-39.066666-50.133333-7.333333-6.533333-18.533333-5.866667-25.066667 1.466667s-5.866667 18.533333 1.466667 25.066666c1.733333 1.466667 5.066667 4.8 9.466666 10 7.733333 8.933333 15.333333 19.466667 22.533334 31.733334 20.666667 35.066667 33.066667 76 33.066666 122.666666s-12.4 87.6-33.066666 122.666667c-7.2 12.266667-14.933333 22.8-22.533334 31.733333-4.533333 5.2-7.866667 8.533333-9.466666 10-7.333333 6.533333-8 17.733333-1.466667 25.066667s17.733333 8 25.066667 1.466667c10.133333-9.066667 24.666667-25.866667 39.066666-50.133334 23.733333-40.266667 38-87.333333 38-140.666666 0-53.733333-14.266667-100.8-38-140.933334z" p-id="4283"></path></svg></a>
                <div v-html="content"></div>
            </div>
            <div class="articleList" id="articleList">
                <div class="article" v-for="(article,i) in articleList" :key="i">
                    <a :href="article.link" class="article-title">{{article.title}}</a>
                    <div class="article-content">{{article.content}}</div>
                    <div class="article-footer">
                        发布于{{article.publishDate}} |  浏览:({{article.scan}}) | Tags：{{article.tags}}
                    </div>
                </div>
                <div class="pager">
                    <ul>
                        <li v-for="(item,i) in pageNumList" :key="i" :class="{active: item.text === current}" @click="switchTo(item.page)">{{item.text}}</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="content-right">
            <div class="right-module" id="randomTag">
                <div class="title">
                    <a href="/">随机标签云</a>
                </div>
                <div class="main">
                    <ul class="tagList">
                        <li class="tag" v-for="(tag,i) in tags" :key="i">
                            <a href="/" :style="{color: getRandomColor(),fontSize: getRandomSize()}">{{tag}}</a>
                        </li>
                    </ul>
                </div>
           </div>
            <div class="right-module">
                <div class="title">
                    <a href="/">最近热门</a>
                </div>
                <div class="main">
                    <ul class="hotList" id="hot">
                        <li class="hot" v-for="(hot,i) in hots" :key="i">
                            <a :href="hot.link">{{hot.title}}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="right-module">
                <div class="title">
                    <a href="/">最新评论</a>
                </div>
                <div class="main">
                    <ul class="comments" id="comment">
                        <li class="comment" v-for="(comment,i) in comments" :key="i">
                            <div>
                                <span>{{comment.name}}</span>
                                <span>{{comment.date}}</span>
                            </div>
                            <div>
                                <a href="/">{{comment.discuss}}</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="right-module">
                <div class="title">
                    <a href="/">友情链接</a>
                </div>
                <div class="main">
                    <ul class="youlianList" id="youlian">
                        <li class="youlian" v-for="(youlian,i) in youlianList" :key="i">
                            <a :href="youlian.link">{{youlian.content}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <ul>
            <li>
                <a href="/">C/C++</a>
            </li>
            <li>
                <a href="/">CSS/DIV</a>
            </li>
            <li>
                <a href="/">java</a>
            </li>
            <li>
                <a href="/">javascript</a>
            </li>
            <li>
                <a href="/">Linux</a>
            </li>
            <li>
                <a href="/">Mac</a>
            </li>
            <li>
                <a href="/">PC技术</a>
            </li>
            <li>
                <a href="/">PHP</a>
            </li>
            <li>
                <a href="/">Python</a>
            </li>
            <li>
                <a href="/">Raspberry</a>
            </li>
            <li>
                <a href="/">Ubuntu</a>
            </li>
            <li>
                <a href="/">wordpress</a>
            </li>
            <li>
                <a href="/">关于SEO分享经验</a>
            </li>
            <li>
                <a href="/">听听音乐</a>
            </li>
            <li>
                <a href="/">幽默搞笑</a>
            </li>
            <li>
                <a href="/">建站经验</a>
            </li>
            <li>
                <a href="/">新闻资讯</a>
            </li>
            <li>
                <a href="/">模拟飞行</a>
            </li>
            <li>
                <a href="/">片言碎语</a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="/">玩转手机</a>
            </li>
            <li>
                <a href="/">编程基础</a>
            </li>
            <li>
                <a href="/">视频分享</a>
            </li>
        </ul>
        <div>
            Copyright © 2010-2020 我的个人博客 All rights reserved. 由免费开源的WordPress强力驱动. 鲁ICP备14017955号站长统计
        </div>
    </footer>
    <script src="./js/index.js"></script>
</body>
</html>
